<template>
	<div style="padding-top:50px;">
		<TopWithBack></TopWithBack>
      <div v-if="list == ''" style="text-align: center;margin-top: 30%">
          <div>
              <img src="./../../assets/images/nolist.png" alt="" width="30%">
          </div>
          抱歉，您还没有金币记录
      </div>
      <div class="customer_lists" v-for="(item,index) of list" v-else>
          <div class="customer_lists_l">
              <div class="mypoints_m" style="background: #27bcff">
                  <img src="./../../assets/images/ryicon_icn.png" alt="图片加载失败" style="margin-top: 10px;">
              </div>
              <div class="customer_lists_l_r">
                  <p>{{item.class_name}}</p>
                  <!-- <p v-show="item.flag==2">金币-充值卡</p>
                  <p v-show="item.flag==3">金币-消费</p> -->
                  <span>{{item.createtime}}</span>
              </div>
          </div>
          <div class="customer_lists_r">{{item.amount}}
              <!-- <p style="color：#999;font-size: 12px;line-height: 30px" v-show="item.status==1">交易关闭</p>
              <p style="color：#999;font-size: 12px;line-height: 30px" v-show="item.status==2">失败</p> -->
          </div>
      </div>
  </div>
</template>
<script>
import TopWithBack  from './../common/TopWithBack.vue'
import { loadRecodes } from '@/api/allapis'
export default{
  name: 'Ryicon',
  data:function() {
    return {
      list:[],
      param:{
        page:1,
        rows:10,
        account:'ryb'
      }
    }             
  },
  methods:{
      loadData(){
        loadRecodes(this.param).then(response=>{
          this.list = response.data.list
        })
      },
  },
  created(){
    this.loadData()
  },
  components:{
    TopWithBack
  }
}
</script>
<style>

</style>



